<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"content="width=device-width,initial-scale=1">
	<!--<meta http-equiv="Content-Type"content="text/html;charset=utf-8" />-->
    <title>科苑学校</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
 
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
 
    
 
</head>
 
<body>
<!-- 顶部导航 -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="menu-nav">
    <div class="container">
        <div class="navbar-header">
           
            <a class="navbar-brand" href="#">科苑</a>
        </div>
      
    </div>
</div>
 
 
<!-- 广告轮播 -->
<div id="div1">
 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 <!-- Indicators -->
 <ol class="carousel-indicators">
 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 </ol>
 
 <!-- Wrapper for slides -->
 <div class="carousel-inner" role="listbox">
 <div class="item active">
 <img src="img/4.jpg" >
 </div>
 <div class="item">
 <img src="img/t3.jpg" >
 </div>
 <div class="item">
 <img src="img/4.jpg" >
 </div>
 </div>
 
 <!-- Controls -->
 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 <span class="glyphicon glyphicon-chevron-left" id="aaron1"></span>
 </a>
 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 <span class="glyphicon glyphicon-chevron-right" id="aaron2"></span>
 </a>
 </div>
 </div>
 
 
<!-- 主要内容 -->
<div class="container summary">
 
  
 
    <!-- 特性 -->
 
 
   <!-- 选项卡菜单-->
<ul id="myTab" class="nav nav-tabs nav-ul" role="tablist">
    <li class="active"><a href="#bulletin" role="tab" data-toggle="tab"class="xx"></a></li>
    <li><a href="#rule" role="tab" data-toggle="tab" class="cz"></a></li>
    <li><a href="#forum" role="tab" data-toggle="tab" class="gz"><p></li>
</ul>
<!-- 选项卡面板 -->
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="bulletin">
    	<div class="xxyellow">
    	<p class="xxp">&nbsp;&nbsp;&nbsp;阿诗丹顿上了几分那地方脑壳大部分开吧说课稿背靠背撒打开封闭阿斯蒂芬发</p>
    	
    	</div>
    	<a class="xxa">点击查看更多</a>
    </div>
    <div class="tab-pane fade" id="rule">
    	<div class="czyellow">
    	<p class="czp">&nbsp;&nbsp;&nbsp;阿诗丹顿上了几分那地方脑壳大部分开吧说课稿背靠背撒打开封闭阿斯蒂芬发</p>
    	</div>
    	<a class="cza">点击查看更多</a>
    </div>
    <div class="tab-pane fade" id="forum">
    <div class="gzyellow">
    	<p class="gzp">&nbsp;&nbsp;&nbsp;阿诗丹顿上了几分那地方脑壳大部分开吧说课稿背靠背撒打开封闭阿斯蒂芬发</p>
    	</div>
    <a class="gza">点击查看更多</a>
    </div>
</div>

      <!--高考时间-->
      <div class="gktime">
      	 <div class="loading">
      	 	
      	 </div>
      	 
      	  <div class="aca">
      	  	<p class="count-down-p1">距高考</p>
      	 <div  class="HotDate">
			<p id="t_d" class="aaa">000</p>
			
		</div>

      	  <p class="count-down-p2">天</p>
      	  </div>
      </div>
            
      <!--高考政策-->
        <div class="policy">
        	<div class="policy-title" >
        		<img src="img/zc.jpg"class="zc-img"/>
        	</div>
        	<div class="zc-background">
        		
        	</div>
        	<div class="zc-ul">
        		<ul class="zc-ui">
        			<li class="zc-li1"><img src="img/i1 (1).png"/>&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        			<li class="zc-li2"><img src="img/i2.png"/>&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        			<li class="zc-li3"><img src="img/i3.png"/>&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        			<li class="zc-li4"><img src="img/i4.png"/>&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        			<li class="zc-li5"><img src="img/i1 (2).png"/>&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        		</ul>
        	</div>
        	<p class="more"><a href="#"><更多></a></p>
        	
        </div>
        
          
         <!--中考时间-->
      <div class="gktime">
      	 <div class="loading">
      	 	
      	 </div>
      	 
      	  <div class="aca">
      	  	<p class="count-down-p1">距中考</p>
      	 <div  class="HotDate">
			 <span class="timespan">000</span>
			
		</div>

      	  <p class="count-down-p2">天</p>
      	  </div>
      </div>
      
        <!--名师-->
        <div class="teacher">
        	<div class="policy-title" >
        		<img src="img/ms.jpg"class="zc-img"/>
        	</div>
        	<div class="teacher-banner">
        		<img src="img/t.jpg "class="banner-img1"/>
        	</div>
        	
        	
        	<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="img/t1.jpg" >
			<div class="carousel-caption"></div>
		</div>
		<div class="item">
			<img src="img/t2.jpg" >
			<div class="carousel-caption"></div>
		</div>
		<div class="item">
			<img src="img/t3.jpg" >
			<div class="carousel-caption"></div>
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="carousel-control left" href="#myCarousel" 
	   data-slide="prev"></a>
	<a class="carousel-control right" href="#myCarousel" 
	   data-slide="next"></a>
    </div> 

<p class="more" style="margin-top: -25px;"><a href="#" style="color: #000;"><更多></a></p>
        </div>
        
        
         <!--校区展示-->
        <div class="campus">
        	<div class="campus-title" >
        		<img src="img/xiaoqu.jpg"class="xq-img"/>
        	</div>
        	<div class="xq-ul">
        		<ul class="xq-ui">
        			<li class="xq-li1">&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        			<li class="xq-li2">&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        			<li class="xq-li3">&nbsp;&nbsp;|&nbsp;&nbsp;找项链可能大概可能是德国</li>
        		</ul>
        	</div>
        	
        	<p class="more"><a href="#"><更多></a></p>
        	
        </div>
        <!--底部-->
    <footer>
        <!--<p class="pull-right"><a href="#top">回到顶部</a></p>-->
        <div class="iphone">
        	<!--<div class="iphone-left">
        		
        	</div>
        	<div class="iphone-right">
        		
        	</div>-->
        	<img src="img/kb.jpg" class="kb"/>
        </div>
        <p>Copyright @ 2013 www.keyuanxuexiao.com All Rights Reserved.
						</p>
    </footer>
 
</div>
 
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $(function () {
        $('#ad-carousel').carousel();
        $('#menu-nav .navbar-collapse a').click(function (e) {
            var href = $(this).attr('href');
            var tabId = $(this).attr('data-tab');
            if ('#' !== href) {
                e.preventDefault();
                $(document).scrollTop($(href).offset().top - 70);
                if (tabId) {
                    $('#feature-tab a[href=#' + tabId + ']').tab('show');
                }
            }
        });
    });
</script>
 <script type="text/javascript">
		function getRTime(){
			var EndTime= new Date('2018/06/07 09:00:00'); //截止时间
			var NowTime = new Date();
			var t =EndTime.getTime() - NowTime.getTime();
			var d=Math.floor(t/1000/60/60/24);
			
	
			document.getElementById("t_d").innerHTML = d ;
			
		}
		setInterval(getRTime,1000);
		
	</script>
	<script>
  var starttime = new Date("2018/6/30");
  setInterval(function () {
    var nowtime = new Date();
    var time = starttime - nowtime;
    var day = parseInt(time / 1000 / 60 / 60 / 24);
    $('.timespan').html(day);
  }, 1000);
</script>
</body>
</html>